<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style>
			.box{width:150px;height:220px;background: url(img/img1/child1.jpg) no-repeat;position: relative;}
			.number{float:left;width:50px;height: 30px;background: red;position: absolute;bottom:0;left:0;text-align: center;line-height:30px;}
			.font{float:left;width:100px;height: 30px;background: black;opacity:0.5;position: absolute;bottom:0;right:0;}
		</style>
	</head>
	<body>
      <div class="box">
      	<span class="number">1</span>
      	<span class="font"></span>
      </div>.
	</body>
</html>

